<template>
	<head-top :loading="loading">
		<view class="area">
			<view class="area_list" v-for="i in 7" :key="i">
				<view class="area_title">
					<view>吴君如</view>
					<view>1837987320</view>
				</view>
				<view class="area_font">广东省广州市天河区天河洗出街道中盈大厦A座26楼2606房</view>
				<view class="area_radio">
					<view>
						<u-radio-group v-model="value" size="15px">
							<u-radio activeColor="#FF4201" labelColor="#000" labelSize="24rpx" label="默认地址"></u-radio>
						</u-radio-group>
					</view>
					<view class="area_right">
						<view class="color">编辑</view>
						<view @click="modalShow =true">删除</view>
					</view>
				</view>
			</view>
			<button class="btn_list" @click="addarea">新增收货地址</button>
		</view>
		<u-modal :show="modalShow" :customStyle="{ width: '527rpx' }" showCancelButton @confirm="deleteVideo"
      @cancel="modalShow = false" confirmColor="#FF4201">
      <view>
        <view style="font-weight: bold;font-size: 28rpx;">确定要删除吗？</view>
      </view>
    </u-modal>
	</head-top>
</template>
<script setup lang='ts'>
	import {
		ref
	} from 'vue'
	const loading = ref < boolean> (false)
	const value = ref < boolean> (false)
	const modalShow = ref<boolean>(false)
	function addarea(){
		uni.navigateTo({
			url:'../../subPage/editarea/editarea'
		})
	}
	function deleteVideo(){
		
	}
</script>
<style>
	page {
		background: #fff
	}
</style>
<style scoped lang="scss">
	@import "./addarea.scss";
</style>